<!doctype html>
<html lang="zh">
<head>
    <base href="../../">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="基于区块链的图书馆">
    <meta name="keywords" content="区块链，图书馆">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>区块链图书馆</title>
    <link href="images/library.png" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/detail.css"/>
    <link rel="stylesheet" type="text/css" href="css/pagination.css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.raty.min.js"></script>
    <script type="text/javascript" src="js/pagination.js"></script>
    <script type="text/javascript" src="app/web3.min.js"></script><!--core-->
    <script type="text/javascript" src="app/truffle-contract.js"></script><!--core-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
	<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.15/swiper-bundle.min.css'>
	<link rel="stylesheet" href="css/styles.css">
</head>

<body>
<div id="wrap">

    <!--左侧菜单栏-->
    <script type="text/javascript" src="js/nav2.js"></script>

    <!--右侧内容栏-->
    <div id="rightContent">
        <!--右侧内容栏-->
        <div role="tabpanel" class="tab-pane">
            <!--顶部模块-->
            <nav class="navbar navbar-default navbar-fixed-top">
			  <div class="container-fluid">
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
			      <a class="navbar-brand" href="/">AUSTLIBRARY</a> 
				</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
                    	<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">类别<span class="caret"></span></a>
		<ul class="dropdown-menu dropdown-menu-left" role="menu" id="myBooksList" onclick="handleClick">
		 		<li><a>马列</a></li>
		 		<li><a>哲学、宗教</a></li>
		 		<li><a>社会科学总论</a></li>
		 		<li><a>政治、法律</a></li>
		 		<li><a>军事</a></li>
		 		<li><a>文化、科学、教育、体育</a></li>
		 		<li><a>语言、文字</a></li>
		 		<li><a>文学</a></li>
		 		<li><a>艺术</a></li>
		 		<li><a>历史、地理</a></li>
		 		<li><a>自然科学总论</a></li>
		 		<li><a>数理科学</a></li>
		 		<li><a>天文学、地球科学</a></li>
		 		<li><a>生物科学</a></li>
		 		<li><a>医药、卫生</a></li>
		 		<li><a>农业科学</a></li>
		 		<li><a>工业技术</a></li>
		 		<li><a>交通运输</a></li>
		 		<li><a>航空、航天</a></li>
		 		<li><a>环境科学、安全科学</a></li>
		 		<li><a>综合性图书</a></li>
		</ul>
		</li>
				  <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">student <span class="caret"></span></a>
				  <ul class="dropdown-menu dropdown-menu-left">
					<button class="btn btn-white " onclick="App.getCommentedBooks()">评价的图书</button>
					<button class="btn btn-white " onclick="App.getBorrowedBooks()">借阅的图书</button>
					<button class="btn btn-white " onclick="App.getReturnedBooks()">归还的图书</button>
				  </ul>
				  </li>
				  <li><a href="index.html" onClick="if(!confirm('是否确认退出？')) return false;">退出登录</a></li>
				</ul>
				 <!-- <form  class="navbar-form navbar-right" > -->
                    <div class=" col-xs-2 input-group navbar-right">
                    <input type="text" class="form-control" id="myBookSearchBtn" autocomplete="off" placeholder="键入关键字搜索" maxlength="15">
                    <span class="input-group-btn">
                    <button class="btn btn-default " id="searchBtn" onclick="keyWordSearch()">查询</button>
                    </span> </div>
                <!-- </form> -->
			</div>
			</nav>
             <div>
                <br/>
                <br/>
             </div>
            <!--书籍主页-->
            <!-----书籍详情上部分开始------->
       <!-- <div class="blog-slider">
				<div class="blog-slider_wrp swiper-wrapper">
				<div class="blog-slider_item swiper-slide">
				    <div class="blog-slider_img">
				      <img  id="cover" src="images/suanfa.jpg" >
				    </div>
				    <div class="blog-slider_content" id="bookspage">
				      <span id="id" hidden>0</span>
				      <span class="name" id="nameWriter">算法 & Kevin Wayne</span>
				      <span class="btn-primary" id="style">综合性图书</span>
				      <p class="normal">评分：<samp id="score">10</samp></p>
				      <p class="normal">出版社&出版时间：<samp id="publisherPublishAge">人民邮电出版社&2018</samp></p>
				      <p class="normal">书号：<samp id="ISBN">978-7-115-29380-0</samp></p>
				      <p class="normal">页数：<samp id="pages">520</samp></p>
				      <p class="normal">在架状态：<samp id="status">在架</samp></p>
				      <p class="normal">借阅次数：<samp id="borrowNums">10</samp></p>
					  <p class="buy" id="bottonCentent">
                    <div>
                        <br/>
                        <br/>
                        <br/>
                    </div>
				     <button class="blog-slider_button" id="comment" data-toggle="modal" data-target="#modal"  onclick="App.set(10086)">立即评价</button>
					 <button class="blog-slider_button" onclick="window.location.href='library/manager/bookHome.html'" >返回主页</button>
					</p>
					</div>
				</div>
				</div>
		</div> -->
         <div class="panelContainer">
                <img id="cover" src="images/资本论.png" width="450" height="270"/>
                <div class="info" id="bookspage">
                    <span id="id" hidden>0</span><!--template-->
                    <span class="name" id="nameWriter">算法 & Kevin Wayne</span>
                    <span class="btn-primary" id="style">综合性图书</span>
                    <p class="normal">评分：<samp id="score">10</samp></p>
                    <p class="normal">出版社&出版时间：<samp id="publisherPublishAge">人民邮电出版社&2018</samp></p>
                    <p class="normal">IPFS编号：<samp id="ipfsaddress"></samp></p>
                    <p class="normal">书号：<samp id="ISBN">978-7-115-29380-0</samp></p>
                    <p class="normal">页数：<samp id="pages">520</samp></p>
                    <p class="normal">在架状态：<samp id="status">在架</samp></p>
                    <p class="normal">借阅次数：<samp id="borrowNums">10</samp></p>
                    <p class="buy" id="bottonCentent">
                        <button id="comment" data-toggle="modal" data-target="#modal"  style="background-color: red" onclick="App.set(10086)">立即评价</button>
                        <button onclick="window.location.href='library/bookHome.html'" style="background-color: #00bdef">返回主页</button>
                    </p>
                </div>
            </div>
            <div>
                <br/>
                <br/>
                <br/>
            </div>
            <!-----书籍详情上部分结束------->

            <!--分割线-->
            <p class="line"></p>

            <!-----书籍详情下部分开始------->
            <div class="panelContainer">
                <p>
                    <span class="glyphicon glyphicon-user"></span>
                    <samp id="owner">0x413a1395f59324b7bbc5781d8dc4398dc4502790</samp>
                <p>
                    <span class="glyphicon glyphicon-time"></span>
                    <samp id="date">2019-03-31</samp>
                </p>

                <p class="title" id="paneintro">书籍简介</p>
                <p id="intro">
                    本书系统地介绍了传统算法的实现。
                </p>

                <p class="title" id="panecomment">网友评价(<samp id="books_comments_cnt">0</samp>)</p>
                <div id="comments">
                    <div class="row" hidden>
                        <div class="col-sm-1">
                            <img src="images/buyer.png"/>
                            <samp>***888</samp>
                        </div>
                        <div class="col-sm-11">
                            <p>2019年04月15日 00:00</p>
                            <p name="star" data-score="5"></p>
                            <p>这本书很不错，推荐大家阅读！</p>
                        </div>
                    </div>
                    <hr/>
                </div>
            </div>
            <!-----书籍详情下部分结束------->
            <!--底部分页-->
            <footer class="footer">
                <div id="pagination"></div>
            </footer>
            <!--资讯评分-->
            <div class="modal" id="modal" aria-labelledby="modalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="modalLabel">(>﹏<)</h4>
                        </div>
                        <div class="modal-body">
                            <div class="container-fluid">
                                <form class="form-horizontal" id="starForm">
                                    <div class="form-group">
                                        <label for="star" class="col-xs-4 control-label">打分</label>
                                        <div class="col-xs-8">
                                            <div name="star" id="star"></div>
                                            <span id="hint"></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="content" class="col-xs-4 control-label">留言</label>
                                        <div class="col-xs-8">
                                            <textarea rows="3" name="content" id="content"
                                                      class="form-control input-sm duiqi"></textarea>
                                            <span class="error"></span> <!-- error字数限制 -->
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-xs btn-default" id="cancel" data-dismiss="modal">取 消</button>
                            <button class="btn btn-xs btn-danger" onclick="App.bookevaluate()" id="starBooksBtn">确 认</button>
                        </div>
                    </div>
                    <!-- /.modal-dialog -->
                </div>
            </div><!--右侧内容栏-->
        </div><!--右侧内容栏-->
    </div>
</div>
<script type="text/javascript" src="app/book copy.js"></script><!--core-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.15/swiper-bundle.min.js'></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>